<template>
  <el-dialog :close-on-click-modal="false" title="查看用户信息" :visible.sync="visible" width="52.5%" :before-close="handleClose">
    <div class="detailModal">
      <el-form ref="Form" :model="Form" :rules="Rules" status-icon>
        <el-form-item prop="goodName" label="用户名">
          <el-input v-model="Form.goodName" />
        </el-form-item>
        <el-form-item prop="goodName" label="手机号">
          <el-input v-model="Form.goodName" />
        </el-form-item>
        <el-form-item prop="goodName" label="邮箱">
          <el-input v-model="Form.goodName" />
        </el-form-item>
        <el-form-item prop="goodName" label="注册时间">
          <el-input v-model="Form.goodName" />
        </el-form-item>
        <el-form-item prop="goodName" label="消费金额">
          <el-input v-model="Form.goodName" />
        </el-form-item>
        <el-form-item prop="isReal" label="实名认证">
          <el-radio-group v-model="Form.isReal">
            <el-radio :label="true">是</el-radio>
            <el-radio :label="false">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <div v-if="Form.isReal">
          <el-form-item prop="isReal" label="真实姓名">
            <el-input v-model="Form.goodName" />
          </el-form-item>
          <el-form-item prop="isReal" label="身份证号码">
            <el-input v-model="Form.goodName" />
          </el-form-item>
        </div>
        <el-form-item prop="isSeller" label="是否店家">
          <el-radio-group v-model="Form.isSeller">
            <el-radio :label="true">是</el-radio>
            <el-radio :label="false">否</el-radio>
          </el-radio-group>
        </el-form-item>
        <div v-if="Form.isSeller">
          <el-form-item prop="isSeller" label="开店时间">
            <el-input v-model="Form.goodName" />
          </el-form-item>
          <el-form-item prop="isSeller" label="总收入">
            <el-input v-model="Form.goodName" />
          </el-form-item>
          <el-form-item prop="isSeller" label="总体评分">
            <el-input v-model="Form.goodName" />
          </el-form-item>
        </div>
        <el-form-item prop="isVip" label="是否会员">
          <el-radio-group v-model="Form.isVip">
            <el-radio :label="true">是</el-radio>
            <el-radio :label="false">否</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-form>
    </div>
    <template #footer>
      <div class="buttons">
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
        <el-button plain @click="handleClose">取 消</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script>

export default {
  name: '',
  components: {},
  props: {
    visible: {
      type: Boolean,
      default: false
    },
  },
  data () {
    return {
      Form: {
        goodName: '',
        goodPrice: '',
        checkNum: '',
        isVip: false,
        isSeller: false,
        isReal: false
      },
      Rules: {
        goodName: [
          { required: true, message: '请输入您的手机号', trigger: 'change' },
        ],
        goodPrice: [
          { required: true, message: '请输入您的邮箱', trigger: 'change' },
        ],
        checkNum: [
          { required: true, trigger: 'change' },
        ]
      },
    };
  },
  methods: {
    handleClose () {
      this.$emit('close');
    },
  },
}
</script>
<style lang='scss' scoped src="../index.scss"/>